<template>
	<view>
		<view class="top">
			<view class="top-content">
				<view class="top-left">
					<text>1500</text>
					<text>当前现金余额（元）</text>
					<view class="btn" @click="withdraw">
						提现
					</view>
				</view>
				
				<view class="top-right">
					<view class="income">
						累计收入（元）：1700元
					</view>
					<view class="pay">
						累计支出（元）：200元
					</view>
				</view>
			</view>
		</view>
		
		<view class="bottom">
			<view class="bottom-content">
				<view class="title">
					收支明细
				</view>
				<view class="list">
					<view class="item">
						<uni-list-item title="XX车辆清洗、抛光打蜡服务" note="提现时间：2022-10-12 11：09" rightText="+50" />
					</view>
					<view class="item">
						<uni-list-item title="XX车辆清洗、抛光打蜡服务" note="提现时间：2022-10-12 11：09" rightText="+50" />
					</view>
					<view class="item">
						<uni-list-item title="XX车辆清洗、抛光打蜡服务" note="提现时间：2022-10-12 11：09" rightText="+50" />
					</view>
					<view class="item">
						<uni-list-item title="XX车辆清洗、抛光打蜡服务" note="提现时间：2022-10-12 11：09" rightText="+50" />
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			withdraw(){
				uni.navigateTo({
					url:'/pages/businessStatis/applyWithdrawal/applyWithdrawal'
				})
			}
		}
	}
</script>

<style scoped>
	.top{
		height: 25vh;
		background-color: #1f73f1;

	}
	.bottom{
		padding: 20rpx;
		min-height: 75vh;
		background-color: #f8f8f8;
	}
	.top-content{
		display: flex;
		padding: 35rpx;
		color: #ffffff;
	}
	.top-left{
		width: 300rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		border-right: 1rpx solid #ffffff;
		padding: 20rpx;
		font-size: 30rpx;

	}
	.top-right{
		width: 300rpx;
		padding: 35rpx;
		font-size: 25rpx;
	}
	.income{
		margin-bottom: 30rpx;
	}
	.top-left>:nth-child(1){
		margin-bottom: 15rpx;
		font-size: 40rpx;
	}
	.top-left>:nth-child(2){
		margin-bottom: 30rpx;
		font-size: 28rpx;
	}
	.btn{
		font-size: 35rpx;
		background-color: #ff6532;
		width: 200rpx;
		height: 70rpx;
		border-radius: 50rpx;
		text-align: center;
		line-height: 65rpx;
	}
	::v-deep .uni-list-item__extra-text{
		font-size: 35rpx;
		color: #ff5c2d;
		font-weight: bold;
	}
	.bottom-content{
		border-radius: 30rpx;
		background-color: #ffffff;
		transform: translateY(-50rpx);
	}
	.title{
		margin-left: 25rpx;
		font-size: 45rpx;
		padding: 25rpx 0;
	}
</style>
